*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#faf8ef;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.game-container{background:#faf8ef;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001a;max-width:500px;width:100%}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{font-size:48px;font-weight:700;color:#776e65;margin:0}.score-container{background:#bbada0;border-radius:8px;padding:10px 20px;text-align:center;min-width:80px}.score-label{font-size:12px;color:#eee4da;text-transform:uppercase;font-weight:700}.score{font-size:24px;color:#fff;font-weight:700}.controls{margin-bottom:20px}.start-btn{width:100%;background:#8f7a66;color:#fff;border:none;border-radius:8px;padding:15px;font-size:18px;font-weight:700;cursor:pointer;transition:background .2s;margin-bottom:15px}.start-btn:hover{background:#9f8a76}.start-btn:active{background:#7f6a56}.instructions{background:#eee4da;border-radius:8px;padding:15px;font-size:14px;color:#776e65}.instructions p{margin:5px 0}.instructions strong{color:#8f7a66}.game-board{position:relative;background:#bbada0;border-radius:12px;padding:10px;width:100%;aspect-ratio:1;touch-action:none}.grid-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:10px}.grid-row{flex:1;display:flex;gap:10px}.grid-cell{flex:1;background:#eee4da59;border-radius:6px}.tile-container{position:absolute;inset:10px;pointer-events:none}.tile{position:absolute;display:flex;justify-content:center;align-items:center;background:#eee4da;border-radius:6px;font-size:32px;font-weight:700;color:#776e65;transition:all .15s ease-in-out}.tile-new{animation:appear .2s}.tile-merged{animation:pop .2s}@keyframes appear{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.tile-2{background:#eee4da;color:#776e65}.tile-4{background:#ede0c8;color:#776e65}.tile-8{background:#f2b179;color:#f9f6f2}.tile-16{background:#f59563;color:#f9f6f2}.tile-32{background:#f67c5f;color:#f9f6f2}.tile-64{background:#f65e3b;color:#f9f6f2}.tile-128{background:#edcf72;color:#f9f6f2;font-size:28px}.tile-256{background:#edcc61;color:#f9f6f2;font-size:28px}.tile-512{background:#edc850;color:#f9f6f2;font-size:28px}.tile-1024{background:#edc53f;color:#f9f6f2;font-size:24px}.tile-2048{background:#edc22e;color:#f9f6f2;font-size:24px}.tile-super{background:#3c3a32;color:#f9f6f2;font-size:20px}.game-message{display:none;position:absolute;inset:0;background:#eee4daf2;border-radius:12px;justify-content:center;align-items:center;flex-direction:column;z-index:100}.game-message.show{display:flex}.game-message p{font-size:48px;font-weight:700;color:#776e65;margin-bottom:20px}.restart-btn{background:#8f7a66;color:#fff;border:none;border-radius:8px;padding:15px 40px;font-size:18px;font-weight:700;cursor:pointer;transition:background .2s}.restart-btn:hover{background:#9f8a76}.restart-btn:active{background:#7f6a56}@media(max-width:520px){h1{font-size:36px}.tile{font-size:24px}.tile-128,.tile-256,.tile-512{font-size:20px}.tile-1024,.tile-2048{font-size:18px}.tile-super{font-size:16px}.game-message p{font-size:36px}}